<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/WEB-INF/webpage/common/taglibs.jspf"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="decorator" content="single"/>
    <title>统计报表</title>
    <html:css name="iCheck,Validform"/>
    <html:css name="bootstrap-fileinput" />

    <link href="${staticPath}/statistics/page1.css?v=4.1.0" rel="stylesheet">
    <link href="${staticPath}/statistics/base.css?v=4.1.0" rel="stylesheet">
    <%--<link rel="stylesheet" href="./page1.css">
    <link rel="stylesheet" href="../base.css">--%>
    <title>page1</title>
</head>
<body>
    <div class="main">
        <div class="mianBox">
            <div class="mainBoxTop">
                <div class="boxTopLeft">蒲城县人力资源和社会保障局综合服务大数据中心</div>
                <div class="boxTopRight">
                    <ul>
                        <li>劳动力大数据</li>
                        <li>培训信息</li>
                        <li>考评信息</li>
                        <li>报表信息</li>
                        <li>就业信息</li>
                    </ul>
                </div>
            </div>
            <div class="mainBoxBot">
                <div class="messageBox">
                    <div class="messageBoxTop">
                        <div class="messageNum">
                            <ul>
                                <li>
                                    <p>劳动力总数</p>
                                    <p>${ldlzs}</p>
                                </li>
                                <li>
                                    <p>贫困户</p>
                                    <p>${pkh}</p>
                                </li>
                                <li>
                                    <p>已就业</p>
                                    <p>27400</p>
                                </li>
                                <li>
                                    <p>未就业</p>
                                    <p>27400</p>
                                </li>
                            </ul>
                        </div>
                        <div class="messageMap"></div>
                        <div class="messageTab"></div>
                        <div class="messageJob">
                            <div class="messgaeCulture">
                                <div class="portlet-body">
                                    <div class="echarts" id="echarts-whcdfb-chart" style="height: 190px"></div>
                                </div>
                            </div>
                            <div class="messageAge">
                                <table width="100%" border="0">
                                    <tr><td height="76px">
                                <table width="95%" border="0" align="center">
                                    <tr><td colspan="4" align="center">劳动力年龄阶段分布</td></tr>
                                    <tr>
                                        <td width="20%" height="20px" bgcolor="yellow"></td>
                                        <td width="40%" bgcolor="#708090"></td>
                                        <td width="30%" bgcolor="#808080"></td>
                                        <td width="10%" bgcolor="white"></td>
                                    </tr>
                                    <tr><td colspan="4" align="center">35及以下&nbsp36-45岁&nbsp46-59岁&nbsp60岁及以上</td></tr>
                                </table>
                                    </td></tr>
                                </table>
                            </div>
                            <div class="messageGender">
                                <div class="portlet-body">
                                    <div class="echarts" id="echarts-xbfb-chart" style="height: 150px"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="messageBoxBot">
                        <ul>
                            <li>
                                <%--<div class="wrapper wrapper-content animated fadeInRight">--%>
                                    <%--<div class="row">--%>
                                        <%--<div class="col-sm-12">--%>
                                            <%--<div class="portlet box  portlet-grey">--%>
                                                <%--<div class="portlet-header">--%>
                                                    <%--<div class="caption">${charttitle}</div>--%>
                                                    <%--<div class="tools">--%>
                                                        <%--<i class="fa fa-chevron-up"></i>--%>
                                                        <%--<i class="fa fa-refresh"></i><i class="fa fa-times"></i>--%>
                                                    <%--</div>--%>
                                                <%--</div>--%>
                                                <div class="portlet-body">
                                                    <div class="echarts" id="echarts-bar-chart" style="height: 212px"></div>
                                                </div>
                                            <%--</div>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            </li>
                            <li>
                                <div class="portlet-body">
                                    <div class="echarts" id="echarts-line-chart" style="height: 212px"></div>
                                </div>
                            </li>
                            <li>

                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 全局js -->
    <html:js name="echarts" />
    <script src="${staticPath}/modules/charts/js/echarts/pxtzxfqk.js"></script>
    <script src="${staticPath}/modules/charts/js/echarts/whcdfb.js"></script>
    <script src="${staticPath}/modules/charts/js/echarts/xbfb.js"></script>
    <%--<script src="${staticPath}/modules/charts/js/echarts/line.js"></script>--%>
    <script type="text/javascript">
        var eData = ${barData};
        var whcdfbData = ${whcdfb};
        var nv = ${nv};
        var nan = ${nan};

        var whcdDataAxis = ${whcdDataAxis};
        var whcdData = ${whcdData};
    </script>
</body>
</html>